<style scoped lang="less">
</style>
<template>
	<div class="iot-blk" :class="{big: size=='big'}">
		<div class="hd flex" @click="moreAction" v-if="title">
			<h2 class="flex-1">{{title}}</h2>
			<p class="more" v-if="moreType>0" @click="moreAction"><span v-if="moreType>1">更多</span> <i class="iconfont icon-more"></i></p>
		</div>
		<div class="con">
			<slot></slot>
		</div>
		<i class="corner bottom"></i>
		<i class="corner top"></i>
	</div>
</template>
<script>
export default {
	name: 'iotBlk',
	props: {
		title: {
			type: String,
			default: ''
		},
		moreType: {
			type: Number,
			default: 0
		},
		size: {
			type: String,
			default: 'small'
		},
		showTitle:{
			type: Boolean,
			default: true
		}
	},
	computed: {},
	watch: {},
	data () {
		return {
			loading: false
		}
	},
	methods: {
		moreAction () {
			this.$emit('more')
		}
	},
	created () {
		// 
	},
}
</script>